<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="__STATIC__/assets/arr_css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/assets/index_css/head.css">
    <link rel="stylesheet" href="__STATIC__/assets/index_css/footer.css">
    <link rel="stylesheet" href="__STATIC__/assets/order/headtwo.css">
    <link rel="stylesheet" href="__STATIC__/assets/order/order.css">
    <link href="__STATIC__/layer/layui.css" rel="stylesheet" type="text/css" />
    <title>我的订单</title>


</head>

<body>
    
    {include file="public/core_top"}
    <div class="content">

        {include file="public/left"}
        
        <div class="content_right" style="margin-top:20px;">
            <div class="content_head">
                <div class="logo"><img src="__STATIC__/assets/images/logo4.png" alt=""></div>
                <div class="zhanghu">
                    <p><b>账户名：</b><b>{$phone}</b></p>
                    <ul>
                        <li><img src="__STATIC__/assets/images/dingdan1.png" alt=""><a href="">修改头像</a></li>
                        <li><img src="__STATIC__/assets/images/dingdan2.png" alt=""><a href="">修改资料</a></li>
                        <li><img src="__STATIC__/assets/images/dingdan3.png" alt=""><a href="">安全退出</a></li>
                    </ul>

                </div>

                <div class="xinxi">
                    <div>
                        <img src="__STATIC__/assets/images/dingdan4.png" alt="">
                        <p><a href="">全部订单</a><span>（<span>1</span>）</span>
                        </p>
                    </div>
                    <div>
                        <img src="__STATIC__/assets/images/dingdan5.png" alt="">
                        <p><a href="">未付款</a><span>（<span>1</span>）</span>
                        </p>
                    </div>
                    <div>
                        <img src="__STATIC__/assets/images/dingdan6.png" alt="">
                        <p><a href="">待收货</a><span>（<span>1</span>）</span>
                        </p>
                    </div>
                    <div>
                        <img src="__STATIC__/assets/images/dingdan7.png" alt="">
                        <p><a href="">待评价</a><span>（<span>1</span>）</span>
                        </p>
                    </div>
                </div>
            </div>

            <div class="orderdetails">
                <div class="orderdetails_top">
                    <b>我的订单</b>
                    <div>
                        <select>
                            <option value="1">所有订单</option>
                            <option value="2">有效订单</option>
                            <option value="3">已取消订单</option>
                            <option value="4">三个月前订单</option>
                            <option value="5">三个月内订单</option>
                        </select>
                        <input placeholder="订单号查询" type="text" name="" id="">
                        <button type="submit">查询</button>
                    </div>
                </div>
                <div class="orderdetails_title">
                    <span>商品货号</span>
                    <span>单价</span>
                    <span>数量</span>
                    <span>订单金额</span>
                    <span>订单状态</span>
                    <span>交易操作</span>
                </div>
                <div class="orderdetails_shangp">
                    <div class="orderdetails_shangp_xinxi">
                        <span>订单编号：</span><span style="margin-right: 80px;">940522666</span>
                        <span>下单时间：</span><span>2018-06-07</span>
                        <span style="padding-right: 55px;" class="del pull-right layui-icon layui-icon-delete "></span>
                    </div>
                    <div class="shangpxiangq">
                        <div><span>#940522</span></div>
                        <div><span>￥3500.00</span></div>
                        <div><span>01</span></div>
                        <div>
                            <span>￥3500.00</span>
                            <span style="color: #888888;">（运费：￥<span>30.00</span>）</span>
                        </div>
                        <div>
                            <a style="color: #e50000;" href="">待收货</a>
                            <a style="color: #888888;" href="">订单详情</a>
                        </div>
                        <div><button type="submit">确认订单</button></div>
                    </div>
                </div>
                <div class="orderdetails_shangp">
                    <div class="orderdetails_shangp_xinxi">
                        <span>订单编号：</span><span style="margin-right: 80px;">940522666</span>
                        <span>下单时间：</span><span>2018-06-07</span>
                        <span style="padding-right: 55px;" class="del pull-right layui-icon layui-icon-delete "></span>
                    </div>
                    <div class="shangpxiangq">
                        <div><span>#940522</span></div>
                        <div><span>￥3500.00</span></div>
                        <div><span>01</span></div>
                        <div>
                            <span>￥3500.00</span>
                            <span style="color: #888888;">（运费:￥<span>30.00</span>）</span>
                        </div>
                        <div>
                            <a style="color: #e50000;" href="">待收货</a>
                            <a style="color: #888888;" href="">订单详情</a>
                        </div>
                        <div><button type="submit">确认订单</button></div>
                    </div>
                </div>
                <div class="orderdetails_shangp">
                    <div class="orderdetails_shangp_xinxi">
                        <span>订单编号：</span><span style="margin-right: 80px;">940522666</span>
                        <span>下单时间：</span><span>2018-06-07</span>
                        <span style="padding-right: 55px;" class="del pull-right layui-icon layui-icon-delete "></span>
                    </div>
                    <div class="shangpxiangq">
                        <div><span>#940522</span></div>
                        <div><span>￥3500.00</span></div>
                        <div><span>01</span></div>
                        <div>
                            <span>￥3500.00</span>
                            <span style="color: #888888;">（运费：￥<span>30.00</span>）</span>
                        </div>
                        <div>
                            <a style="color: #e50000;" href="">待收货</a>
                            <a style="color: #888888;" href="">订单详情</a>
                        </div>
                        <div><button type="submit">确认订单</button></div>
                    </div>
                </div>
                <!-- 地址 -->

                <!-- <div class="address">
                    <p>姓名：<span>莫愁商城</span></p>
                    <p>联系电话：<span>13333333333</span></p>
                    <p>送货地址：<span>武汉市江汉区广发银行大厦36F</span></p>
                    <button type="submit">修改地址</button>
                </div>
                <div class="tijiao ">
                    <p>运费：￥<span>0.00</span>元</p>
                    <p>商品金额：￥<span>3180.00</span>元</p>
                    <p style="font-size: 16px;color: red;">本店合计：￥<span>3180.00</span>元</p>
                    <button type="submit">提交订单</button>
                </div> -->
            </div>


        </div>
    </div>

    {include file="public/core_footer"}


</body>
<div id="score" class="score_back">
    <div class="score">
        <div class="service">
            <div class="service_title">
                <h3>店铺服务 <span class="pull-right" id="close" style="cursor: pointer; margin-right: 20px;">X</span></i>
                </h3>
            </div>
            <div class="xingxing" id="test1"></div>
            <div class="score_text">
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </div>
        </div>
        <div class="service">
            <div class="service_title">
                <h3>店铺环境</h3>
            </div>
            <div class="xingxing" id="test2"></div>
            <div class="score_text">
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </div>
        </div>
        <div class="service">
            <div class="service_title">
                <h3>商品满意度</h3>
            </div>
            <div class="xingxing" id="test3"></div>
            <div class="score_text">
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </div>
        </div>
        <div class="report ">
            <button class="layui-btn layui-btn-lg layui-btn-normal">提交评价</button>
        </div>
    </div>

</div>


<script src="__STATIC__/assets/arr_css/jquery-3.3.1.js"></script>
<script type="text/javascript" src="__STATIC__/assets/arr_css/jquery.SuperSlide2.js"></script>
<script src="__STATIC__/assets/arr_css/bootstrap.min.js"></script>
<!-- <script src="__STATIC__/assets/arr_css/head.js"></script> -->
<script src="__STATIC__/assets/arr_css/head.js"></script>
<script src="__STATIC__/assets/account/layui.js"></script>
<script src="__STATIC__/assets/order/order.js"></script>

<script>
    layui.use('layer', function() {
        var $ = layui.jquery,
            layer = layui.layer;
    })

    layui.use(['rate'], function() {
        var rate = layui.rate;
        //基础效果
        rate.render({
            elem: '#test1',
        })
        rate.render({
            elem: '#test2',
        })
        rate.render({
            elem: '#test3',
        })
    })
    $('.del').click(function() {
        var box = $(this).parent().parent();
        layer.open({
            title: '莫愁商城',
            content: '删除订单无法找回，请确认是否删除！',
            btn: ['确定', '取消'],
            yes: function(index, layero) {
                //do something
                box.remove();
                layer.close(index);
            },
            btn2: function(index, layer) {


            }

        });
        // parent
        // remove
    })

    $('#close').click(function() {
        $('#score').hide(1000)
    })
    $('.shangpxiangq button').click(function() {
        $('#score').show(1000)

    })
</script>

</html>